<!DOCTYPE html>
<html>
<head>
    <title>星际剧场-详情</title>
    <meta charset="utf-8">
    <script src="../js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="../js/gundong.js"></script>
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/global.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
</head>
<body>
<div class="top">
</div>
<div class="menu">
    <div class="menu-1">
        <img src="http://img.duodaohulian.com/img/content/logo.png" class="logo"/>
        <div class="dh">
            <div class="list chfont">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="focus.html">多道焦点</a></li>
                    <li class="current"><a href="theatre.html">星际剧场</a></li>
                    <li><a href="forum.html">多道论坛</a></li>
                    <li><a href="activity.html">星际活动</a></li>
                    <li><a href="game.html">多道游戏</a></li>
                </ul>
            </div>
            <div class="main">
                <div class="chfont">
                    <a href="theatre.html?safeType=1">生存安全</a>
                    <a href="theatre.html?safeType=2">营养安全</a>
                    <a href="theatre.html?safeType=3">运动安全</a>
                    <a href="theatre.html?safeType=4">亲子安全</a>
                    <a href="theatre.html?safeType=5">社交安全</a>
                    <a href="theatre.html?safeType=6">网络安全</a>
                    <a href="theatre.html?safeType=7">海外安全</a>
                </div>
            </div>
            <div class="niu">
                <img src="http://img.duodaohulian.com/img/content/mow.png" class="wn"/>
                <img src="http://img.duodaohulian.com/img/content/tree.png" class="tree"/>
                <img src="http://img.duodaohulian.com/img/content/tree1.png" class="tree1"/>
            </div>
        </div>
    </div>
</div>
<div class="count_inner">
    <div class="cloud_1"><img src="http://img.duodaohulian.com/img/content/cloud_1.png"></div>
    <div class="cloud_2"><img src="http://img.duodaohulian.com/img/content/cloud_2.png"></div>
    <div class="cloud_3"><img src="http://img.duodaohulian.com/img/content/cloud_1.png"></div>
    <div class="cloud_4"><img src="http://img.duodaohulian.com/img/content/cloud_2.png"></div>
    <div class="shan"><img src="http://img.duodaohulian.com/img/content/shan.png"/></div>
    <div class="shan1"><img src="http://img.duodaohulian.com/img/content/diqiu.png"/></div>
    <div class="you"><img src="http://img.duodaohulian.com/img/content/youce.png"/></div>
    <div class="first">
        <div class="zt">
            <div class="huadong special mart20">
                <div class="special_top"><p><img src="http://img.duodaohulian.com/img/content/special_top.png"></p></div>
                <div class="video_main video_info">
                    <div class="share mart20 clearfix">
                      <!--   <span>分享到：</span>
                        <a href="javascript:;"><img src="http://img.duodaohulian.com/img/content/weibo.png"></a>
                        <a href="javascript:;"><img src="http://img.duodaohulian.com/img/content/qq.png"></a>
                        <a href="javascript:;"><img src="http://img.duodaohulian.com/img/content/wechat2.png"></a>
                        <a href="javascript:;"><img src="http://img.duodaohulian.com/img/content/baidu.png"></a>
                        <a href="javascript:;"><img src="http://img.duodaohulian.com/img/content/alipay.png"></a>
                        <a href="#" class="good floatright marr20"><i class="icon icon-hand"></i><span>推荐<em>(20)</em></span></a>
                        <a href="#" class="mark floatright"><i class="icon icon-star"></i><span>收藏<em>(20)</em></span></a> -->
                    </div>
                    <!--share over-->
                </div>
                <div class="special_bt"><p><img src="http://img.duodaohulian.com/img/content/special_bt.png"></p></div>
            </div>
            <!--相关视频begin-->
            <div class="special mart20">
                <div class="title_img alignright clearfix">
                    <span class="font18 floatleft"><img src="http://img.duodaohulian.com/img/content/video_a.png">相关视频</span>
                    <!--<a class="more" href="#">更多></a>-->
                </div>
                <div class="huadong no_mart">
                    <!--huadong-->
                    <div class="gdbar" id="gdbardiv">
                        <a href="javascript:void(0)" class="syrolll" id="gdbar-lbtn"></a>
                        <div class="showdiv">
                            <ul id="gdbarlist" class="gdbarul rel_video">
                            </ul>
                        </div>
                        <a href="javascript:void(0)" id="gdbar-rbtn" class="syrollr"></a>
                    </div>
                    <!--huadong-->
                </div>
                <ul class="gdbarul clearfix" style="display: none">
                    <li>
                        <div class="cover">
                            <a href="#" class="baner"><img src="http://img.duodaohulian.com/img/content/ban.jpg"/></a>
                            <a href="#" class="video_play"></a>
                        </div>
                        <h2>祖辈育孙的10个好处？</h2>
                        <p>随着城市化进程的加速，都市人的生活压力越来越大，生活节奏越来越快当城市生活变得困难......</p>
                    </li>
                    <li>
                        <div class="cover">
                            <a href="#" class="baner"><img src="http://img.duodaohulian.com/img/content/ban1.jpg"/></a>
                            <a href="#" class="video_play"></a>
                        </div>
                        <h2>祖辈育孙的10个好处？</h2>
                        <p>随着城市化进程的加速，都市人的生活压力越来越大，生活节奏越来越快当城市生活变得困难......</p>
                    </li>
                    <li>
                        <div class="cover">
                            <a href="#" class="baner"><img src="http://img.duodaohulian.com/img/content/ban3.jpg"/></a>
                            <a href="#" class="video_play"></a>
                        </div>
                        <h2>祖辈育孙的10个好处？</h2>
                        <p>随着城市化进程的加速，都市人的生活压力越来越大，生活节奏越来越快当城市生活变得困难......</p>
                    </li>
                </ul>
            </div>
            <!--相关视频over-->
        </div>
    </div>
    <div class="bt_side chfont">
        <img src="http://img.duodaohulian.com/img/content/head.png" class="tou"/>
        <div class="duihua">
            <span class="font">扫一扫，<br>了解星球的<br>更多小秘密！</span>
            <img src="http://img.duodaohulian.com/img/content/bee.png" class="bee"/>
            <p><img src="http://img.duodaohulian.com/img/content/weima.jpg"/></p>
        </div>
        <div class="bt_nav">
            <ul class="bt_nav_in">
                <li><a href="followUs.html">关注我们</a></li>
                <li><a href="aboutUs.html">关于我们</a></li>
                <li><a href="person.html">多道人物</a></li>
                <li><a href="guide.html">新手指南</a></li>
                <li><a href="help.html">帮助</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="footer footer_full">
    <div class="img_auto"><img src="http://img.duodaohulian.com/img/content/bottom.png"></div>
    <div class="car">
        <img src="http://img.duodaohulian.com/img/content/car.png"/>
        <img src="http://img.duodaohulian.com/img/content/car1.png"/>
    </div>
    <p>深圳市多道互联科技有限公司 粤ICP备16060034号</p>
</div>
<div id="pageTopAncer">
    <div class="pageTop_com">
        <a href="#"><img src="http://img.duodaohulian.com/img/content/top.png"/></a>
    </div>
    <a href="#"><img src="http://img.duodaohulian.com/img/content/icon-1.png"/></a>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/underscore-min.js"></script>
<script type="text/javascript" src="../js/imgauto.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/common/url.js"></script>
<script type="text/javascript" src="../js/common/httpService.js"></script>
<script type="text/javascript" src="../js/module/theatreDetail.js"></script>
<script type="text/javascript" src="../js/common/dateformat.js"></script>
<script>
    $(".top").load("top.html");
</script>
</html>
